
<template>
    <div id="rightTop">
        <!-- <el-image :src="imgUrl" fit="fit" style="width: 500px;height: 240px;" /> -->
        <!-- 将上边的图片换成视频 -->
        <video 
            :src="videoUrl"  
            autoplay
            muted 
            loop 
            style="width: 500px; height: 240px;">
        </video>
    </div>
</template>

<script>
import { currentGET } from "api/modules";
import { graphic } from "echarts"
import test from "@/assets/images/test.png"
import videoFile from "@/assets/images/video.mp4"
import videoFile1 from "@/assets/images/video1.mp4"
export default {
    data() {
        return {
            pageflag: true,
            imgUrl: test,
            videoUrl: videoFile
        };
    },
    props: {
        flag: {
            type: Number,
            default: 1
        }
    },
    watch: {
        flag: function (val) {
            if (val === 0) {
                this.videoUrl = videoFile1
            } else {
                this.videoUrl = videoFile
            }
        }
    },
    created() {

    },

    mounted() {
    },
    beforeDestroy() {
    },
    methods: {

    },
};
</script>
<style lang='scss' scoped>
.right_top_inner {
    margin-top: -8px;
}
</style>